<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>超市订单管理系统</title>
    <!-- 引入logo -->
    <link rel="icon" href="img/logo.png">
    <style>
        #logout-container {
            width: 400px;
            margin: 100px auto;
            text-align: center;
            border: 1px solid #ccc;
            padding: 20px;
            border-radius: 5px;
            box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
        }

        h2 {
            color: #333;
        }

        p {
            margin-top: 10px;
        }
    </style>
    <script src="lib/jQuery/jquery-3.7.1.min.js"></script>
    <script>
        $(document).ready(function () {
            let time = 4
            setInterval(function () {
                $('#countdown').text(time)
                if (time <= 0) {
                    location.href = 'index.html'
                }
                time --
            }, 1000)
        })
    </script>
</head>
<body>
<div id="logout-container">
    <h2>您已成功退出登录！</h2>
    <p>将在 <span id="countdown">5</span> 秒后跳转回<a href="index.html">登录页面</a>...</p>
</div>
</body>
</html>